<template>
  <div class="content">
    <div class="footer width_1200">
      <div>
        <div class="title">联系我们</div>
        <div class="company">杭州管通天下科技有限公司</div>
        <div class="contact">
          <div>总部地址：浙江省杭州市梦想小镇</div>
          <div>运营中心：河北省沧州市渤海紫信大厦10层</div>
          <div>客服电话：0317-3200601</div>
          <div>邮箱：chaina2804@sina.com</div>
        </div>
      </div>
      <div>
        <div class="title"></div>
        <div class="company">快速链接</div>
        <div class="contact">
          <div><a @click="aboutUs">关于我们</a></div>
          <div><a @click="toSeller">钢管现货查询</a></div>
        </div>
      </div>
      <div>
        <div class="QRcode">
          <img src="@/static/imgs/QRcode.jpg" alt="">
          <div class="font12">扫一扫</div>
          <div class="font12">关注钢管行业更多资讯</div>
        </div>
      </div>
    </div>
    <div class="copy">
      <p>Copyright © 杭州管通天下科技有限公司 版权所有&nbsp;&nbsp;|&nbsp;&nbsp;浙ICP备18037860号-2</p>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    toSeller () { // 现货查询
      this.$router.push({
        path: '/seller/list'
      })
    },
    aboutUs () {
      this.$router.push({
        path: '/aboutus'
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.content{
  background: #323232;
  height: 367px;
  .footer{
    color: #fff;
    padding: 60px 0;
    display: flex;
    justify-content: space-between;
    .title{
      height: 16px;
      font-size: 16px;
      color: #D0D0D0;
      margin-bottom: 24px;
    }
    .company{
      color: #AEB1B5;
      margin-bottom: 30px;
    }
    .contact{
      font-size: 12px;
      color: #AEB1B5;
      div{
        margin-bottom: 16px;
        &:last-of-type{
          margin: 0;
        }
      }
    }
    .icon{
      height: 16px;
      width: 16px;
      vertical-align: middle;
      &:last-of-type{
        height: 14px;
        width: 14px;
      }
    }
    .QRcode{
      text-align: center;
      padding-top: 40px;
      img{
       width: 110px;
        height: 110px;
      }
      .font12{
        margin-top: 10px;
        color: #AEB1B5;
      }
    }
  }
  .copy{
    background-color: #20292E;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 20px 0;
    color: #AEB1B5;
  }
}
</style>
